<style>
	.topic_detail_default .topic_wrapper {
	    width: 100%;
	    max-width: 1200px;
	    margin: 0 auto;
	    box-sizing: border-box;
	}
	.topic_detail_default .topic_time {
	    color: #999;
	    margin: 0 0 40px;
      font-size: 14px;
      line-height: 1.5;
	    text-align: center;
	}
	.topic_detail_default .topic_descript {
	    line-height: 1.5;
	}

	.topic_detail_default .topic_descript img {
	    max-width: 100%;
	}
	@media screen and (max-width: 767px){
		.topic_detail_default .topic_wrapper {
	        padding: 0 1rem;
	        width: 100%;
	        box-sizing: border-box;
	    }
	}
</style>
<div class="topic_detail_default" id="topic_detail">
  <div class="plugin-container-header"></div>
  
  {%- if topic.title or topic.descript or topic.content -%}
	<div class="topic_wrapper container_wrapper">
    {% if topic.title and topic.title_status == 1 %}
		<h1 class="title">{{topic.title}}</h1>
    {% endif %}
    {%- if topic.content -%}
		<div class="topic_descript mo-editor-reset">
			{{topic.content}}
		</div>
    {%- endif -%}
	</div>
  {%- endif -%}
  <div class="plugin-container-footer"></div>
</div>
{% get_blocks route={routes.current_route} route_handle={topic.handle} limit=40 %}
{% template block_main , { blocks:blocks } %}
{% include 'page_back_button',href:"" %}
